<link rel="stylesheet" href="css/navigation.css">
<meta charset="UTF-8">
<nav>
    <header class="header">
        <h1 class="title" id="tit">家国情怀、文化自信</h1>
        <ul class="link__content">
            <li class="content__item">
                <a href="index.html" class="link link--iocaste">
                    <span>中国历史概览</span>
                    <svg class="link__graphic link__graphic--slide" width="300%" height="100%" viewBox="0 0 1200 60" preserveAspectRatio="none">
                        <path d="M0,56.5c0,0,298.666,0,399.333,0C448.336,56.5,513.994,46,597,46c77.327,0,135,10.5,200.999,10.5c95.996,0,402.001,0,402.001,0"></path>
                    </svg>
                </a>
            </li>
            <li class="content__item">
                <a href="Literature_Art.html" class="link link--iocaste">
                    <span>文学与艺术</span>
                    <svg class="link__graphic link__graphic--slide" width="300%" height="100%" viewBox="0 0 1200 60" preserveAspectRatio="none">
                        <path d="M0,56.5c0,0,298.666,0,399.333,0C448.336,56.5,513.994,46,597,46c77.327,0,135,10.5,200.999,10.5c95.996,0,402.001,0,402.001,0"></path>
                    </svg>
                </a>
            </li>
            <li class="content__item">
                <a href="Culture.html" class="link link--iocaste">
                    <span>民俗与民间文化</span>
                    <svg class="link__graphic link__graphic--slide" width="300%" height="100%" viewBox="0 0 1200 60" preserveAspectRatio="none">
                        <path d="M0,56.5c0,0,298.666,0,399.333,0C448.336,56.5,513.994,46,597,46c77.327,0,135,10.5,200.999,10.5c95.996,0,402.001,0,402.001,0"></path>
                    </svg>
                </a>
            </li>
            <li class="content__item">
                <a href="Zhi_answer.html" class="link link--iocaste">
                    <span>文化知识答题</span>
                    <svg class="link__graphic link__graphic--slide" width="300%" height="100%" viewBox="0 0 1200 60" preserveAspectRatio="none">
                        <path d="M0,56.5c0,0,298.666,0,399.333,0C448.336,56.5,513.994,46,597,46c77.327,0,135,10.5,200.999,10.5c95.996,0,402.001,0,402.001,0"></path>
                    </svg>
                </a>
            </li>
            <li class="content__item">
                <a href="Cultural_heritage.html" class="link link--iocaste">
                    <span>文化遗产</span>
                    <svg class="link__graphic link__graphic--slide" width="300%" height="100%" viewBox="0 0 1200 60" preserveAspectRatio="none">
                        <path d="M0,56.5c0,0,298.666,0,399.333,0C448.336,56.5,513.994,46,597,46c77.327,0,135,10.5,200.999,10.5c95.996,0,402.001,0,402.001,0"></path>
                    </svg>
                </a>
            </li>
        </ul>
    </header>
</nav>